<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<!DOCTYPE html PUBLIC "-//W3C//Dtd HTML 4.01 Transitional//EN">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>闲鱼二手网</title>
		
		
		
		
		<link href="css1/font-awesome.css" rel="stylesheet"> 
					<link href="css1/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="css1/style.css" rel="stylesheet" type="text/css" media="all" /> 
<link href="css1/menu.css" rel="stylesheet" type="text/css" media="all" /> <!-- menu style --> 
<link href="css1/ken-burns.css" rel="stylesheet" type="text/css" media="all" /> <!-- banner slider --> 
<link href="css1/animate.min.css" rel="stylesheet" type="text/css" media="all" /> 
<link href="css1/owl.carousel.css" rel="stylesheet" type="text/css" media="all"> 
		<script type="text/javascript" src="easyui/jquery.min.js" ></script>
		<script type="text/javascript" src="easyui/jquery.easyui.min.js" ></script>
		<script type="text/javascript" src="easyui/locale/easyui-lang-zh_CN.js" ></script>
		
		<!--<script type="text/javascript" src="bootstrap/js/jquery.min.js" ></script>-->
		<script type="text/javascript" src="bootstrap/js/bootstrap.min.js" ></script>
		
		<link rel="stylesheet" href="easyui/themes/default/easyui.css" />
		<link rel="stylesheet" href="easyui/themes/icon.css" />
		
		<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" type="text/css"/>
		<link rel="stylesheet" href="bootstrap/css/bootstrap-theme.css" />
		<link rel="stylesheet" href="bootstrap/css/style.css" />

		<link href='http://fonts.useso.com/css?family=Roboto+Condensed:400,300,300italic,400italic,700,700italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.useso.com/css?family=Lovers+Quarrel' rel='stylesheet' type='text/css'>
<link href='http://fonts.useso.com/css?family=Offside' rel='stylesheet' type='text/css'>
<link href='http://fonts.useso.com/css?family=Tangerine:400,700' rel='stylesheet' type='text/css'>

		
	</head>
	<body>
		<div class="header">
			<div class="w3ls-header"><!--header-one--> 
				<div class="w3ls-header-left">
					<p><a href="">管理 </a></p>
					<a href="register.jsp">注册 </a>
				</div>
				<div class="w3ls-header-right">
					<ul>
						<li class="dropdown head-dpdn">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-user" aria-hidden="true"></i> 个人主页<span class="caret"></span></a>
							<ul class="dropdown-menu">
								<li><a href="login.html">登陆 </a></li> 
								<li><a href="register.html">注册</a></li> 
								<li><a href="login.html">我的订单</a></li>  
								<li><a href="login.html">我的钱包</a></li> 
							</ul> 
						</li> 
						<li class="dropdown head-dpdn">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-percent" aria-hidden="true"></i> 购物车<span class="caret"></span></a>
						</li> 
						<li class="dropdown head-dpdn">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-gift" aria-hidden="true"></i> 收藏夹<span class="caret"></span></a>
							<ul class="dropdown-menu">
								<li><a href="offers.html">收藏的宝贝</a></li> 
								
								<li><a href="offers.html">收藏的店铺</a></li> 
							</ul> 
						</li> 
						<li class="dropdown head-dpdn">
							<a href="contact.html" class="dropdown-toggle"><i class="fa fa-map-marker" aria-hidden="true"></i> 商品分类</a>
						</li> 
						<li class="dropdown head-dpdn">
							<a href="index.html" class="dropdown-toggle"><i class="fa fa-credit-card-alt" aria-hidden="true"></i> 首页</a>
						</li> 
					
				  </ul>
				</div>
				<div class="clearfix"> </div> 
			</div>
		</div>
		
		
		<div  class="row" style="background-color:#F3CD03;height: 85px ;">
			<div class="col-md-12">
				<div class="col-md-2">
					<div class="header-logo" >
						<h1 ><a href="index.html"><span>咸</span>鱼 <i>mark</i></a></h1>	 
					</div>	
				</div>
				<div class="col-md-7 col-sm-2"   style="padding-top: 40px; font-size: 120%;color:#000000"  >
					<div class="col-md-2 " >
						<a href="" style="color: #000000;">首页</a>
					</div>
					<div class="col-md-2" ></b>
						<a href="" style="color: #000000;">手机二手</a>
					</div>
					<div class="col-md-2" >
						<a href="" style="color: #000000;">汽车二手</a>
					</div>
					<div class="col-md-2" >
						<a href="" style="color: #000000;">发布闲置</a>
					</div>
					<div class="col-md-2" >
						<a href="" style="color: #000000;">我的闲置</a>
					</div>
				</div>
				<div class="col-md-3" ">
					<div class="header-search">
						<form action="#" method="post">
							<input type="search" style="border: 2px solid #000000;background-color: white;" placeholder="iphone7s..." required>
						<button type="submit"style="border: 2px solid #000000;" class="btn btn-default" aria-label="Left Align">
								<i class="fa fa-search" aria-hidden="true"> </i>
							</button>
						</form>
					</div>
				</div>
			</div>
			<div class="clearfix"> </div> 
		</div>
		
		
		<div class="row">
			<div class="col-md-12">
				<div class="col-md-2 " >
					<a href="##&#"><img class="success_fabu_margin" src="img/fabu.png" ></img></a>
					<img class="success_fabu_margin" src="img/success.png"></img>
				</div>
				<div class="col-md-8">
					<div class="carousel slide" id="carousel-image">
						<ol class="carousel-indicators">
							<li data-target = "#carousel-image" data-slide-to="0"></li>
							<li data-target = "#carousel-image" data-slide-to="1" class="active"></li>
							<li data-target = "#carousel-image" data-slide-to="2"></li>
						</ol>
						<div class="carousel-inner">
							<div class="item">
								<img src="img/01.jpg" alt=""/>
							</div>
							<div class="item active">
								<img src="img/02.jpg" alt=""/>
							</div>
							<div class="item">
								<img src="img/03.jpg" alt=""/>
							</div>
						</div>
						
						<a class="carousel-control left" href="#carousel-image" data-slide = "prev">
							<span class="glyphicon glyphicon-chevron-left"></span>
						</a>
						<a class="carousel-control right" href="#carousel-image" data-slide = "next">
							<span class="glyphicon glyphicon-chevron-right"></span>
						</a>
					</div>
				</div>
				
				<div class="col-md-2">
					<a href="##&#"><img class="success_fabu_margin" src="img/fabu.png" ></img></a>
					<img class="success_fabu_margin" src="img/success.png"></img>
				</div>
			</div>
		</div>
	
		<div class="row ">
			<div data-spy="scroll" data-target="#myCategory">
				<div class="col-xs-3" id="myCategory">
					<ul class="nav nav-tabs nav-stacked" data-spy = "affix" data-offset-top="125">
						<li class="active"><a href="#section-1">第一部分</a></li>
		                <li><a href="#section-2">第二部分</a></li>
		                <li><a href="#section-3">第三部分</a></li>
		                <li><a href="#section-4">第四部分</a></li>		
					</ul>
				</div>
				<div class="col-xs-9">
					<div style="background-color: #0088CC;">
						<h2 id="section-1">第一部分</h2>
						<hr>
					</div>
					<div  style="background-color: #449D44;">
						<h2 id="section-2">第二部分</h2>
						<p>Nullam hendrerit justo non leo aliquet imperdiet. Etiam in sagittis lectus. Suspendisse ultrices placerat accumsan. Mauris quis dapibus orci. In dapibus velit blandit pharetra tincidunt. Quisque non sapien nec lacus condimentum facilisis ut iaculis enim. Sed viverra interdum bibendum. Donec ac sollicitudin dolor. Sed fringilla vitae lacus at rutrum. Phasellus congue vestibulum ligula sed consequat.</p>
        				<p>Vestibulum consectetur scelerisque lacus, ac fermentum lorem convallis sed. Nam odio tortor, dictum quis malesuada at, pellentesque vitae orci. Vivamus elementum, felis eu auctor lobortis, diam velit egestas lacus, quis fermentum metus ante quis urna. Sed at facilisis libero. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum bibendum blandit dolor. Nunc orci dolor, molestie nec nibh in, hendrerit tincidunt ante. Vivamus sem augue, hendrerit non sapien in, mollis ornare augue.</p>           
						<hr>
					</div>
					<div  style="background-color: #B92C28;">
						<h2 id="section-3">第三部分</h2>
					   	<p>Integer pulvinar leo id risus pellentesque vestibulum. Sed diam libero, sodales eget sapien vel, porttitor bibendum enim. Donec sed nibh vitae lorem porttitor blandit in nec ante. Pellentesque vitae metus ipsum. Phasellus sed nunc ac sem malesuada condimentum. Etiam in aliquam lectus. Nam vel sapien diam. Donec pharetra id arcu eget blandit. Proin imperdiet mattis augue in porttitor. Quisque tempus enim id lobortis feugiat. Suspendisse tincidunt risus quis dolor fringilla blandit. Ut sed sapien at purus lacinia porttitor. Nullam iaculis, felis a pretium ornare, dolor nisl semper tortor, vel sagittis lacus est consequat eros. Sed id pretium nisl. Curabitur dolor nisl, laoreet vitae aliquam id, tincidunt sit amet mauris.</p>
			            <p>Phasellus vitae suscipit justo. Mauris pharetra feugiat ante id lacinia. Etiam faucibus mauris id tempor egestas. Duis luctus turpis at accumsan tincidunt. Phasellus risus risus, volutpat vel tellus ac, tincidunt fringilla massa. Etiam hendrerit dolor eget ante rutrum adipiscing. Cras interdum ipsum mattis, tempus mauris vel, semper ipsum. Duis sed dolor ut enim lobortis pellentesque ultricies ac ligula. Pellentesque convallis elit nisi, id vulputate ipsum ullamcorper ut. Cras ac pulvinar purus, ac viverra est. Suspendisse potenti. Integer pellentesque neque et elementum tempus. Curabitur bibendum in ligula ut rhoncus.</p>
			            <p>Quisque pharetra velit id velit iaculis pretium. Nullam a justo sed ligula porta semper eu quis enim. Pellentesque pellentesque, metus at facilisis hendrerit, lectus velit facilisis leo, quis volutpat turpis arcu quis enim. Nulla viverra lorem elementum interdum ultricies. Suspendisse accumsan quam nec ante mollis tempus. Morbi vel accumsan diam, eget convallis tellus. Suspendisse potenti.</p>
			            <hr>
					</div>
					<div  style="background-color: #D58512;">
						<h2 id="section-4">第四部分</h2>
					    <hr>
					</div>
				</div>
			</div>
		</div>
		
			<div  class="row" style="background-color:#F3CD03;height: 85px ;">
			<div class="col-md-12">
				<div class="col-md-2">
					<div class="header-logo" >
						<h1 ><a href="index.html"><span>咸</span>鱼 <i>mark</i></a></h1>	 
					</div>	
				</div>
			
				<div class="col-md-3" ">
					<div class="header-search">
					
					</div>
				</div>
			</div>
			<div class="clearfix"> </div> 
		</div>
		
		<div class="header">
			<div class="w3ls-header"><!--header-one--> 
				<div class="w3ls-header-left">
					<p><a href="移动端\index.html">管理 </a></p>
				</div>
				<div class="w3ls-header-right">
					<ul>
						<li class="dropdown head-dpdn">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-user" aria-hidden="true"></i> 个人主页<span class="caret"></span></a>
							<ul class="dropdown-menu">
								<li><a href="login.html">登陆 </a></li> 
								<li><a href="signup.html">注册</a></li> 
								<li><a href="login.html">我的订单</a></li>  
								<li><a href="login.html">我的钱包</a></li> 
							</ul> 
						</li> 
						<li class="dropdown head-dpdn">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-percent" aria-hidden="true"></i> 购物车<span class="caret"></span></a>
						</li> 
						<li class="dropdown head-dpdn">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-gift" aria-hidden="true"></i> 收藏夹<span class="caret"></span></a>
							<ul class="dropdown-menu">
								<li><a href="offers.html">收藏的宝贝</a></li> 
								
								<li><a href="offers.html">收藏的店铺</a></li> 
							</ul> 
						</li> 
						<li class="dropdown head-dpdn">
							<a href="contact.html" class="dropdown-toggle"><i class="fa fa-map-marker" aria-hidden="true"></i> 商品分类</a>
						</li> 
						<li class="dropdown head-dpdn">
							<a href="index.html" class="dropdown-toggle"><i class="fa fa-credit-card-alt" aria-hidden="true"></i> 首页</a>
						</li> 
					
				  </ul>
				</div>
				<div class="clearfix"> </div> 
			</div>
		</div>
		
		
		
	</body>
</html>
